<{include file="default/header.html"}>
<SCRIPT type=text/javascript>
    var _c = _h = 0;
    $(document).ready(function(){
        $('#play  li').click(function(){
            var i = $(this).attr('alt') - 1;
            clearInterval(_h);
            _c = i;
            //play();
            change(i);
        })
        $("#pic img").hover(function(){
            clearInterval(_h)
        }, function(){
            play()
        });
        play();
    })
    function play(){
        _h = setInterval("auto()", 5000);
        
    }
    
    function change(i){
        $('#play li').css('background-color', '#000000').eq(i).css('background-color', '#FF3000').blur();
        $("#pic img").fadeOut('fast').eq(i).fadeIn('fast');
    }
    
    function auto(){
        _c = _c > 3 ? 0 : _c + 1;
        
        change(_c);
    }
</SCRIPT>
<style type="text/css">
    .img_switch {
        margin: 0 auto;
        WIDTH: 950px;
        HEIGHT: 350px;
        overflow: hidden
    }
    
    .img_switch_content {
        HEIGHT: 354px;
        position: relative;
    }
    
    .img_switch_text {
        width: 262px;
        position: absolute;
        z-index: 10;
        bottom: 5px;
        left: 10px;
        HEIGHT: 15px;
        z-index: 10000 !important
    }
    
    .number_nav {
        DISPLAY: inline;
        FLOAT: left;
    }
    
    .number_nav UL {
        font: 12px Arial, Helvetica, sans-serif;
        padding: 0px;
        MARGIN: 0px;
        LIST-STYLE-TYPE: none;
        color: #fff;
    }
    
    .number_nav UL LI {
        float: left;
        font-weight: bold;
        background: #000;
        float: left;
        margin-right: 8px;
        width: 23px;
        cursor: pointer;
        line-height: 17px;
        height: 17px;
        text-align: center;
        filter: alpha(opacity = 75);
        -moz-opacity: 0.75;
        opacity: 0.75;
    }
    
    #pic {
        OVERFLOW: hidden
    }
	</style>
        <div class="main">
            <div class="container">
                <DIV class="img_switch">
                    <DIV class="img_switch_content" id="pic">
                        <a href="#"><IMG src="<{$stylePath}>/images/banner1.jpg"></a><a href="#"><IMG src="<{$stylePath}>/images/banner2.jpg"></a><a href="#"><IMG src="<{$stylePath}>/images/banner3.jpg"></a><a href="#"><IMG src="<{$stylePath}>/images/banner4.jpg"></a><a href="#"><IMG src="<{$stylePath}>/images/banner5.jpg"></a>
                        <DIV class="img_switch_text">
                            <DIV class="number_nav">
                                <UL id="play">
                                    <LI alt="1" style="background:#f00;">
                                        1
                                    </LI>
                                    <LI alt="2">
                                        2
                                    </LI>
                                    <LI alt="3">
                                        3
                                    </LI>
                                    <LI alt="4">
                                        4
                                    </LI>
                                    <LI alt="5">
                                        5
                                    </LI>
                                </UL>
                            </DIV>
                        </DIV>
                    </DIV>
                </DIV>
            </div>
            <div class="box1">
                <div class="txt">
                    <h2><a href="#">热门任务推荐</a></h2>
                    <ul>
                    <{cacheless}>
                    	<{section name=num loop=$mission}>
                    		<li><{$mission[num][title]}></li>
                    	<{/section}>
                    <{/cacheless}>
                    </ul>
                </div>
                <div class="clear">
                </div>
            </div>
            <div class="box1">
                <div class="tabbox">
                    <div class="menu5">
                        <ul>
                            <li id="one1">
                                会员登录：
                            </li>
                        </ul>
                    </div>
                    <div class="con_t1" id="con_one_1">
                        <table width="100%" border="0">
                            <tr>
                                <td width="60" height="40" align="right">
                                    用户名&nbsp;
                                </td>
                                <td>
                                    <input type="text" value="" class="text2" />
                                </td>
                            </tr>
                            <tr>
                                <td width="60" height="40" align="right">
                                    密&nbsp;&nbsp;码&nbsp;
                                </td>
                                <td>
                                    <input type="password" value="" class="text2"/>
                                </td>
                            </tr>
                            <tr>
                                <td width="60" height="40" align="right">
                                    验证码&nbsp;
                                </td>
                                <td>
                                    <input type="text" value="" class="text3" /><span><img/></span>
                                </td>
                            </tr>
                            <tr>
                                <td width="60" height="40" align="right">
                                    <a>免费注册</a>
                                </td>
                                <td>
                                    <div class="c4">
                                        <input type="submit" value="" class="btn2" />&nbsp;&nbsp;<a href="" style="font-weight:normal; font-size:12px; 
     color:#610007">忘记密码</a>
                                    </div>
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
            <div class="clear">
            </div>
            <div style="background:url(img/bg6.jpg) repeat-x; height:2px; width:100%; margin-bottom:18px; overflow:hidden">
            </div>
            <div class="box2">
                <h2 class="title1">&nbsp;&nbsp;网站统计</h2>
                <ul class="menu1">
                    <li>
                        网站
                    </li>
                    <li>
                        网站
                    </li>
                    <li>
                        网站
                    </li>
                    <li>
                        网站
                    </li>
                    <li>
                        网站
                    </li>
                </ul>
                <div>
                    <a href="#" style="float:right; color:#b05004">>>了解详情</a>
                </div>
            </div>
            <div class="box2">
                <h2 class="title1">最新动态</h2>
                <ul class="menu1">
                    <li>
                        名单
                    </li>
                    <li>
                        名单
                    </li>
                    <li>
                        名单
                    </li>
                    <li>
                        名单
                    </li>
                    <li>
                        名单
                    </li>
                </ul>
                <div>
                    <a href="#" style="float:right; color:#b05004">>>了解详情</a>
                </div>
            </div>
            <div class="box3">
                <div class="txt3">
                    <h2 class="title2">&nbsp;&nbsp;客服中心</h2>
                </div>
                <div class="img2">
                    <a href="#"><img src="<{$stylePath}>/images/icon5.gif" width="162" height="158"/></a>
                </div>
            </div>
            <div class="clear">
            </div>
        </div>
    <{include file="default/footer.html"}>
